<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加新行</title>
<script>
 //效果要求，点击下方的“插入新行”按钮，在文档末端插入一个新的一行
 //练习思路1:使用以下api创建、ch插入d节点
 //createElement（）：创建节点  
 //appendChild（）：末尾追加方式插入节点
 //insertBefore（）：在指定节点前插入新节点
 //cloneNode（）：克隆节点

//练习思路2:使用insertCell插入单元格的方法
//使用document.getElementById()方法找到表格对象，再使用表格的inserRow(0)方法，在表格的第一行位置插入新行
// 使用新行的insertCell(0)和insertCell(1)在新行插入两个单元格，最后使用单元格的innerHTML属性设置单元格的文本内容。
 //--------------在此开始你的代码-----------------------
    








 //--------------在此结束你的代码-----------------------

</script>
</head>

<body>
<table style="width:500px;" border="1" cellspacing="0" cellpadding="0" id="myTable">
  <tr>
    <td>Row1 cell1</td>
    <td>Row1 cell2</td>
  </tr>
  <tr>
    <td>Row2 cell1</td>
    <td>Row2 cell2</td>
  </tr>
  <tr>
    <td>Row3 cell1</td>
    <td>Row3 cell2</td>
  </tr>
</table>
<input id="btn" value="插入新行" type="button" />

</body>
</html>
